.flex {
    display: flex;
    &.v-box {
        flex-direction: column;
    }
    &.align-center {
        align-items: center;
    }
    .flex-none {
        flex: none;
    }
    .flex-1 {
        flex: 1;
    }
}
.mrg {
    &.l-5 {
        margin-left: 5px;
    }
}
.cursor-point {
    cursor: pointer;
}
.iconfont-box {
    display: flex;
    align-items: center;
    .iconfont {
        margin-right: 5px;
        flex: none;
    }
}
// 箭头
.arrow {
    @arrow-color: #ada1a1;
    @arrow-border-width: 1px;
    @arrow-size: 6px;
    height: @arrow-size;
    width: @arrow-size;
    border: @arrow-border-width solid @arrow-color;
    background-color: transparent;
    border-left: none;
    border-bottom: none;
    transition: transform 0.3s ease; /* 添加过渡效果 */
    &.top {
        transform: rotate(-45deg) translateY(calc(@arrow-size * 0.5));
    }
    &.right {
        transform: rotate(45deg);
    }
    &.down {
        transform: rotate(135deg) translateY(calc(@arrow-size * 0.5));
    }
    &.left {
        transform: rotate(-135deg);
    }
}

.bg-fff {
    background-color: #fff;
}